<template lang="html">
  <div class="eg-hd">
    <h1 class="eg-tit">{{ title }}</h1>
    <p class="eg-subtit">{{ subTitle }}</p>
  </div>
</template>

<script>
export default {
  name: 'eg-page-header',
  props: {
    title: {
      type: String,
      default: '标题'
    },
    subTitle: {
      type: String,
      default: '副标题'
    },
  },
}
</script>

<style lang="less">
.eg-tit {
  color: #3d3d3d;
  padding-top: 80px;
  font-size: 60px;
  font-weight: 400;
}
.eg-subtit {
  font-size: 26px;
  color: #3d3d3d;
  font-weight: 400;
  margin-top: 10px;
}
.eg-subtit, .eg-tit {
  text-align: left;
  padding-left: 53px;
}
</style>
